<template>
    <div class="home-side">
<el-row class="tac">
  <el-col :span="24">
    <el-menu
    :router=true
      class="el-menu-vertical-demo"
      background-color="#4769dc"
      text-color="#fff"
      active-text-color="#ffd04b">
 <!-- 教师模块 -->
      <el-submenu index='1' class="elborder">
        <template slot="title">
          <i class="el-icon-s-custom"></i>
          <span>用户</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/home-1-1">用户管理</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
<!-- 教学模块 -->
        <el-submenu index="2" class="elborder">
        <template slot="title">
          <i class="el-icon-tickets"></i>
          <span>教学</span>
        </template>
<!-- 理论教学模块 -->
      <!-- <el-submenu index="2-1" class="elborder" >
        <template slot="title">课程</template> -->
         <el-menu-item index="/home-2-1-1">班级管理</el-menu-item>
        <el-menu-item index="/home-2-1-2">课程管理</el-menu-item>
        <el-menu-item index="/home-2-1-3">文件管理</el-menu-item>
        <el-menu-item index="/xuesheng">上传课件</el-menu-item>
       
<!-- 实践教学模块 -->
         <!-- <el-submenu index="2-2" class="elborder">
        <template slot="title">实践教学</template>
         <el-menu-item index="/home-2-2-1">教学安排</el-menu-item>
        <el-menu-item index="/home-2-2-2">任务书</el-menu-item>
        </el-submenu> -->
<!-- 毕业设计模块 -->
         <!-- <el-submenu index="2-3" class="elborder">
        <template slot="title">毕业设计</template>
         <el-menu-item index="/home-2-3-1">实施方案</el-menu-item>
        <el-menu-item index="/home-2-3-2">指导安排</el-menu-item>
        <el-menu-item index="/home-2-3-3">任务书</el-menu-item>
        <el-menu-item index="/home-2-3-4">选题情况</el-menu-item>
         <el-submenu index="2-3-5" class="elborder"> -->
<!-- 文档资料模块 -->
        <!-- <template slot="title">文档资料</template>
         <el-menu-item index="/home-2-3-5-1">开题报告</el-menu-item>
        <el-menu-item index="/home-2-3-5-2">毕业论文</el-menu-item>
        <el-menu-item index="/home-2-3-5-3">执行情况记录</el-menu-item>
        <el-menu-item index="/home-2-3-5-4">答辩ppt</el-menu-item>
        </el-submenu>
        </el-submenu> --> 
      </el-submenu>
<!-- 会议模块 -->
 <el-submenu index="3" class="elborder">
        <template slot="title">
          <i class="el-icon-folder"></i>
          <span>会议</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/home-3-1">会议列表</el-menu-item>
          <!-- <el-menu-item index="/home-3-2">学生做谈会</el-menu-item> -->
        </el-menu-item-group>
      </el-submenu>
<!-- 评价模块 -->
 <el-submenu index="4" class="elborder">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>评教</span>
        </template>
      </el-submenu>
    </el-menu>
  </el-col>
</el-row>

    </div>
</template>

<script>
export default {
    name:'home-side',
    data(){
        return{

        }
    },
   methods: {
    //   handleOpen(key, keyPath) {
    //     console.log(key, keyPath);
    //   },
    //   handleClose(key, keyPath) {
    //     console.log(key, keyPath);
    //   }
    }
}
</script>

<style scoped>

.elborder{
    border-bottom: 1px solid darkgray;
}
.home-side{
    width: 250px;
    height: 100%;
    background: #4769dc;
}
.tac{
    width: 100%;
}
</style>